<template>
	<view class="container">
		<view class="menu">
			<view class="menu-item" @click="gotoPage(1)">
				便民服务
			</view>
		</view>
		<view class="menu">
			<view class="menu-item" @click="gotoPage(2)">
				缴费
			</view>
		</view>
		<view class="menu">
			<view class="menu-item" @click="gotoPage(3)">
				反馈
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		methods: {
			gotoPage(menuNumber) {
				if (menuNumber === 1) {
					// 跳转至便民服务页面
					uni.navigateTo({
						url: "help"
					})
				} else if (menuNumber === 2) {
					// 跳转至缴费页面
					uni.navigateTo({
						url: "pays"
					})
				} else if (menuNumber === 3) {
					// 跳转至反馈页面
					uni.navigateTo({
						url: "feedback"
					})
				}
			},
		},
	};
</script>

<style>
	.container {
		margin: 20px;
	}

	.menu {
		margin-bottom: 20px;
	}

	.menu-item {
		padding: 10px;
		background-color: #eee;
		border-radius: 4px;
		cursor: pointer;
	}
</style>